<section style="width:100vw; height:100vh;">
    <d-splitter class="splitter-border" [orientation]="orientation" [splitBarSize]="splitBarSize"
        [showCollapseButton]="true">
        <d-splitter-pane [shrink]="false" [size]="size" [minSize]="minSize" [maxSize]="maxSize" [collapsed]="collapsed"
            [shrinkWidth]="1" [collapsible]="false" style="height: 100vh;min-width: 250px;" (sizeChange)="sizeChange($event)"
            (collapsedChange)="collapsedChange($event)" (shrinkStatusChange)="paneShrinkStatus($event)">
            <app-files-tree></app-files-tree>
        </d-splitter-pane>

        <d-splitter-pane minSize="15%">
            <div class="pane-content">
                <!-- <div class="toolBar" style="height:10%;width: 100%;">
                    <app-tool-bar></app-tool-bar>
                </div> -->
                <div class="content" style=" height: 100%; width:100%;text-align: center;overflow: hidden;">
                    <router-outlet></router-outlet>
                    <!-- <app-user-info *ngIf="isUserInfoPage"></app-user-info>
                    <app-excel-table *ngIf="!isUserInfoPage"></app-excel-table> -->
                </div>
            </div>
        </d-splitter-pane>
    </d-splitter>
</section>